UI/UX 设计顾问：在 Agent 里做界面评审与设计规范输出
UI/UX 设计顾问（@user_7871dce1/ui-design-zh）是 SkillHub 社区 design-media 类 Skill，无需 API Key。它分析界面、给出改进建议、协助生成设计规范与用户体验优化方案，适用于产品界面评审、设计系统搭建及 Web/移动端 UI 优化。文章说明其定位与能力边界，并给出 skillhub CLI 安装到 Cursor、Claude Code 等 skills 目录的步骤，以及页面评审、交互判断、规范大纲等可复现提示词示例。
Read More前端页面设置：用 Skill 约束 AI 产出有辨识度的前端界面
SkillHub 社区 Skill「前端页面设置」（@user_d18a1d0d/frontend-design-ld，v1.0.0）面向建站、落地页、仪表盘、React 组件与 Web UI 美化等任务，强调 production-grade 设计质量并避免 generic AI 审美。无需 API Key。文章说明定位与核心能力，并给出 skillhub CLI 安装命令、Cursor/Claude Code/Codex 的 skills 目录及官方安装提示词，附适用场景与目录配置注意事项。
Read MoreApple-design：按 Apple HIG 生成界面质感的 Agent Skill
Apple-design（@user_a7af8eab/apple-design-skill，v1.7.6）是 SkillHub 社区 design-media 类 Skill，无需 API Key，用于按 Apple Human Interface Guidelines 生成具苹果官网质感的网页或 App 原型。文章说明其定位、核心能力，以及通过 skillhub CLI 安装到 Cursor、Claude Code、Codex 等 skills 目录的步骤，并给出对话式典型用法与适用注意。
Read More小程序 UI/UX 设计技能：把微信小程序设计约束写进 Agent 工作流
SkillHub 社区 Skill「小程序ui ux 设计技能」（@user_04fe3e31/miniprogram-ui-ux-design，v1.0.1，design-media）将微信小程序 UI/UX 约束写入 SKILL.md：rpx 与 Flexbox、WXSS 能力边界、系统字体、微交互与反模式、Pre-Build 检查清单，并附带 DESIGN_TOKENS、COMPONENTS、ACCESSIBILITY 等参考。无需 API Key。安装可参考 skillhub.cn/install/skillhub.md，使用 skillhub install 安装到 Cursor 等客户端的 skills 目录，在设计、写 WXSS 与无障碍评审时由 Agent 加载使用。
Read Moredsh-plugin-dracula-color-theme：DeepSeek Harness 的 Dracula 配色插件
`dsh-plugin-dracula-color-theme` 是一个为 DeepSeek Harness (DSH) Web 界面移植的 Dracula 主题插件，旨在满足开发者对特定视觉风格的需求。该插件通过覆盖设计令牌和重写 14 个 Shiki 语法变量，实现了全量的 Dracula 配色，包括背景、侧边栏及代码高亮。针对第三方主题无法持久化的特性，插件内置了 Body 内联 token、事件监听及 1.5 秒轮询的三层守护机制，确保主题稳定生效。安装需管理员权限，安装后必须重启 `dsh web` 并在设置中开启“接管系统主题偏好”开关方可使用。
Read MoreUI/UX设计大师：在 Agent 里补齐界面、品牌与设计系统决策
UI/UX设计大师是 SkillHub 社区 Skill（@user_ad872d55/ui-ux-designer，v2.1.1），无需 API Key。简介涵盖 UI/UX、中西方美学、品牌 VI，以及多项目统一、跨平台同步、主题切换等设计系统管理；触发词包括设计、品牌、UI、配色、组件库等。文章说明定位、能力边界，并给出 skillhub CLI 安装命令及 Cursor、Claude Code、Codex 等 skills 目录示例与可复现对话用法。
Read More设计大师：在 Agent 里做 UI/UX 诊断与设计系统协作
设计大师是 SkillHub 社区 Skill @user_ad872d55/design-master（v2.2.0，design-media），融合 UI/UX、网页设计评价、美学、VI 与设计系统管理，可诊断「页面看着怪」根因；无需 API Key。文章说明定位、触发词、SkillHub CLI 与提示词安装方式及 Cursor 等 skills 目录，并给出基于官方简介的可复现对话用法。
Read More前端美化：用 Agent Skill 做有辨识度的生产级界面
「前端美化」是 SkillHub 社区 Skill（@user_c6f1a0f0/114514，v1.0.0，dev-programming），通过 SKILL.md 引导 Agent 在搭建网站、落地页、仪表盘、React 组件或美化 Web UI 时，输出有辨识度、可交付的前端代码，并强调避免 generic AI aesthetics。无需 API Key。本文介绍定位、能力、基于 skillhub CLI 的安装路径（含 Cursor 等 skills 目录）及与官方简介一致的使用方式。
Read More腾讯云 CloudBase UI 设计 Skill：Web 与小程序的前端设计规范
介绍 SkillHub 企业技能 @tencent-adm/ui-design-guide（界面设计 · UI Design，v2.36.0）。由腾讯云 CloudBase 团队维护，无需 API Key，提供 Web 与小程序的高保真原型、视觉规范与组件设计规范。说明通过 skillhub CLI 按安装文档将技能装至 Cursor、Claude Code、Codex 等 skills 目录的方法，以及在前端 UI 任务中引用 CloudBase 设计指南的典型用法与路径注意事项。
Read MoreUI设计Skill：Agent 场景下的 UI 生成与界面优化
UI设计Skill 是 SkillHub 社区 design-media 类技能，版本 1.0.0，无需 API Key。当用户请求生成或优化 Web/App 界面、Dashboard、Landing Page、组件库或设计系统时触发，参考 Material Design 与 Apple HIG，输出简约高级的 UI 代码。本文基于官方简介与 SkillHub 安装文档，说明定位、能力、skillhub CLI 与 Cursor/Claude Code/Codex 的 skills 目录安装方式，并给出可复现的自然语言用法示例与路径配置注意点。
Read Moretobewin/dsh-skin-studio: A DeepSeek Harness Plugin for Global Skins and Custom Canvas
`tobewin/dsh-skin-studio` is a standalone plugin for DeepSeek Harness that provides a non-intrusive visual customization solution. Built on Harness's public interfaces, it requires no modification to core code. It includes 10 preset skins with distinct styles and allows users to create custom skins by uploading local images, adjusting the base and color scheme, and setting framing and mood intensity. Skin settings are stored locally and applied in real time. The plugin is released under the MIT License, has strictly limited permissions, operates only on local data, and automatically restores the default appearance after uninstallation.
Read Moredsh-taste-review: DSH Skill: Aesthetic Judgment Invocation
The `dsh-taste-review` plugin is designed to provide dedicated aesthetic judgment support for agent development, addressing ambiguous, human-judgment-dependent challenges such as UI refinement, copy editing, and naming decisions. It focuses on comparing multiple options, making recommendations, and generating alternatives, making it suitable for scenarios such as UI design decisions and copy style selection. Official installation commands and license information are currently unavailable, so users are advised to visit the GitHub repository for the latest guidance.
Read MoreDSH Plugin: satan9394/dsh-hallmark-design
The DeepSeek Harness plugin, dsh-hallmark-design, focuses on resolving the issue of overly “AI-like” UI design in agent development. It provides 21 themes and three workflows—audit, redesign, and study—features 57 slop test gates and self-criticism capabilities, and supports custom modes to enhance design quality. Users should obtain installation instructions from GitHub or the skills catalog, and check the license and runtime requirements before use.
Read MoreDSH OpenPencil: Preview, Inspect, and Edit Real .op Design Drafts in Conversations
dsh-openpencil is a DeepSeek Harness client plugin maintained by ZSeven-W that integrates OpenPencil into the DSH Web conversation. The Agent drives real .op canvases through five tools, including openpencil_new, supporting precise multi-frame PNG preview, read-only interactive canvases, and hosted editors. It has 153 stars on GitHub and is licensed under MIT. Installation: run `dsh plugin --profile web add @zseven-w/dsh-openpencil@latest`, followed by `dsh web`. It is suitable for UI design automation; the plugin runs with DSH process privileges, so please review the source code before installation.
Read MoreSuperDesign-Skill: Transforming DeepSeek Harness to Generate Unique AI Interfaces
superdesigndev/superdesign-skill is a SkillHub workflow-type DSH plugin that equips Cursor, Claude Code, and DSH agents with product design capabilities. It enables iterative UI, presentation, and graphic design on an infinite canvas, moving away from the default "AI slop" of stacked components. The plugin can be installed via `dsh plugin add` or `npx skills add`, and works with `@superdesign/cli` for login and draft branch management. It is ideal for frontend and product developers who need to extract design systems from real codebases, replicate existing pages at the pixel level, and explore interface directions through branching. It is open-source under the MIT license and has approximately 446 stars on GitHub.
Read Morefrontend-design: Making AI-generated interfaces no longer "cut from the same mold"
frontend-design is an Agent Skill officially maintained by Anthropic, targeting scenarios of building or retrofitting UIs. Through design planning, token system, typography and self-review process, it guides AI to avoid common default aesthetics such as warm beige serifs, dark neon colors and newspaper-style columns, and produce more recognizable interfaces. This article introduces its core principles, two-stage workflow, as well as installation and typical prompt usage in tools like Claude Code and Cursor.
Read More